﻿body.v4master { font-family: Helvetica Neue,Arial; font-size: 12px; background-color: #fff; color: #3f3d3f; overflow: auto !important; }
a > img { border: none; }

#eah-search { overflow: hidden; background-color: #f2f2f2; border-bottom: 1px solid #c7c7c7; }
#eah-search > div { width: 950px; height: 44px; margin-left: auto; margin-right: auto; }
#s4-searcharea { margin-top: 8px; }
.s4-search input { width: 210px !important; font-size: 11px; font-style: normal; }
.s4-help { display: none; }

#s4-titlerow { display: block !important; position: fixed; top: 0; z-index: 100; }
.ms-dialog #s4-titlerow.s4-notdlg { display: none !important; }
#eah-header { position: relative; width: 950px; height: 104px; margin-left: auto; margin-right: auto; background-color: #fff; }
.s4-titletable { height: auto; }
.s4-titlelogo { padding: 0; }
.s4-title { background-color: transparent; background-image: none; min-height: 0; padding-left: 0; margin-bottom: 10px; }
.s4-title-inner { min-height: 0; }
.s4-title h1 { display: none; }
.s4-title h2 { font-family: Helvetica Neue,Arial; font-size: 18px; font-weight: bold; color: #3f3d3f; }
#onetidPageTitleSeparator { display: none; }
.s4-title .s4-pagedescription { display: none; }
.eah-logo { display: block; float: left; margin-top: 10px; margin-left: 0px; }
#s4-topheader2 { background-color: transparent !important; background-image: none; border: none !important; }

/* menu */
.s4-toplinks { position: absolute; top: 28px; right: 0; font-size: 13px; }
.s4-tn li.static > .menu-item { color: #3f3d3f; border: none; margin: 0; padding: 4px 20px; border-right: 1px solid #c7c7c7; }
.s4-tn li.static > .menu-item.last { background-color: #1f9ed5; border: none; color: #fff; }
.s4-toplinks .s4-tn a.selected { background: none; color: #3a9947; font-weight: bold; }
.s4-tn li.static > a:hover { color: #3a9947; text-decoration: none; }
.s4-toplinks .s4-tn a.selected:hover { text-decoration: none; color: #3a9947; }

/* ribbon */
#s4-ribbonrow { clear: left; width: 950px; height: auto !important; min-height: 0 !important; margin-top: 150px; margin-left: auto; margin-right: auto; background-color: #3f3d3f !important; }
.ms-dialog body #s4-ribbonrow { margin-top: 0 !important; }
.ms-cui-topBar2 { border-bottom: none; }

/* navigation panel */
.eah-navigation { position: fixed; width: 315px; z-index: 1; }
.eah-navigationheader { height: 34px; font-size: 18px; font-weight: bold; line-height: 34px; border: 1px solid #e4e5e5; background-image: url("/_layouts/images/energyathome/navigation-header.png"); background-repeat: repeat-x; color: #1f9ed5; text-align: center; }
.eah-navigationtree { border-left: 1px solid #e4e5e5; border-right: 1px solid #e4e5e5; background-color: #fff; background-image: url("/_layouts/images/energyathome/navigation-bg.png"); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 20px; }
.eah-navigationitem { width: 220px; padding-top: 8px; margin-left: 64px; font-size: 12px; }
.eah-navigationtree .head { position: relative; padding-top: 20px; font-weight: bold; font-size: 14px; }
.eah-navigationtree .head.selected a { text-decoration: underline; }
.eah-navigationtree .head .symbol { position: absolute; top: 26px; left: -36px; border: 8px solid #cecece; border-color: #cecece transparent transparent; width: 0; }
.eah-navigationtree a { color: #3f3d3f; }
.eah-navigationtree .selected a { text-decoration: underline; font-weight: bold; }
.eah-navigationtree .head a { color: #3a9947; }
.eah-navigationfooter { height: 12px; background-image: url("/_layouts/images/energyathome/navigation-footer.png"); }
.eah-navigation~.s4-ca { margin-left: 350px; }

/* main area */
#s4-workspace { width: 950px; height: auto !important; margin-left: auto; margin-right: auto; overflow-y: auto !important; overflow-x: auto !important; }
.ms-dialog body #s4-workspace { width: auto !important; height: auto !important; }
#s4-bodyContainer { width: 100%; background-color: transparent; min-width: 100px !important; }
#s4-leftpanel { display: none; }
.s4-ca { margin-left: 0px; background-color: transparent; }
body #s4-mainarea { min-height: 450px; }

.eah-highlight { position: relative; height: 225px; background-repeat: repeat-y; }
.eah-highlight .text { width: 460px; margin: 50px 45px 0 45px; }
.eah-highlight .text a { color: #aec93b; }
.eah-highlight .text a:hover { color: #3a9947; text-decoration: none; }
.eah-highlight .title { font-size: 32px; font-weight: bold; margin-bottom: 10px; }
.eah-highlight img { margin-top: 20px; }
.eah-highlight .button { position: absolute; top: 90px; }
.eah-highlight .button img { margin-top: 0; border: none; }
.eah-highlight.left { background-image: url("/_layouts/images/energyathome/highlight-left-bg.png"); }
.eah-highlight.left .text { float: left; }
.eah-highlight.left .title { color: #aec93b; }
.eah-highlight.left img { float: left; }
.eah-highlight.left .button { right: 40px; }
.eah-highlight.right { background-image: url("/_layouts/images/energyathome/highlight-right-bg.png"); }
.eah-highlight.right .text { float: right; text-align: right; }
.eah-highlight.right .title { color: #3f3d3f; }
.eah-highlight.right img { float: right; }
.eah-highlight.right .button { left: 40px; }

.ms-wikicontent { overflow: hidden; }
#layoutsTable td { padding: 0; }
.ms-listedit { margin-left: 0; }

.eah-newsoftheday { height: 64px; line-height: 64px; background-image: url("/_layouts/images/energyathome/news-bg.png"); background-repeat: repeat-x; }
.eah-newsoftheday img { float: left; margin: 17px 10px 0 10px; }
.eah-newsoftheday span.label { font-size: 16px; font-weight: bold; color: #3a9947; }
.eah-newsoftheday a { color: #aec93b !important; }
.eah-newsoftheday a:hover { color: #3a9947 !important; text-decoration: none; }

#eah-top { margin-top: 10px; }
#eah-top a { display: block; float: right; color: #3d3f3d; margin-right: 10px; }
#eah-top a img { border: none; }
#eah-top span { display: block; text-align: center; }

/* rte */
.ms-rte-layoutszone-inner { padding: 0; margin: 0; border: none; }
.ms-rte-layoutszone-inner h2 { font-size: 18px; }
.ms-rte-layoutszone-inner img { max-width: 570px; border: none; }
.ms-rte-layoutszone-inner a { color: #3a9947; font-weight: bold; }
.home .ms-rte-layoutszone-inner img { max-width: none; }
.ms-rte-layoutszone-inner span { font-family: Helvetica Neue,Arial !important; }
.ms-rte-layoutszone-inner ul { list-style-image: url("/_layouts/images/energyathome/arrow_green.png"); }
.ms-rte-layoutszone-inner li { margin-bottom: 15px; }
.ms-rte-layoutszone-inner ul ul { list-style-type: square; list-style-image: none; padding-left: 18px; }
.ms-rte-layoutszone-inner ul ul li { margin-bottom: 5px; margin-left: 0; }

.eah-contact { display: block; width: 285px; height: 200px; float: left; position: relative; overflow: hidden; }
.eah-contactImage { position: absolute; width: 285px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; -webkit-filter: grayscale(100%); }
.eah-contactName { position: absolute; bottom: 0; width: 100%; height: 28px; padding: 2px 10px; color: #fff; background-image: url("/_layouts/images/energyathome/contact-bg.png"); background-repeat: repeat; }
.eah-contact:hover .eah-contactImage { filter: none; -webkit-filter: grayscale(0%); }
.eah-contact:hover .eah-contactName { background-image: url("/_layouts/images/energyathome/contact-bg-over.png"); }
.eah-contactCompany { text-transform: uppercase; }

.eah-detail { clear: left; }
.eah-detailImage { float: left; margin-right: 10px; }
.eah-detailText { overflow: hidden; }
.eah-detailName { font-size: 14px; font-weight: bold; }

.eah-member { text-align: center; padding-bottom: 50px !important; }
.eah-member img { max-width: 200px; }
.eah-memberAggTable { table-layout: fixed; }
.eah-memberAgg { width: 33%; text-align: center; padding-bottom: 35px !important; }
.eah-memberAgg img { max-width: 120px; }

.eah-carousel { height: 100px; margin-left: auto; margin-right: auto; }
.eah-carousel .scrollable { float: left; }
.eah-carousel a.browse { background: url("/_layouts/images/energyathome/carousel_buttons.png") no-repeat; display: block; width: 20px; height: 20px; float: left; margin-top: 40px; cursor: pointer; font-size: 1px; }
.eah-carousel a.right { background-position: 0 -20px; clear: right; margin-left: 10px; }
.eah-carousel a.right:hover { background-position: -20px -20px; }
.eah-carousel a.right:active { background-position: -40px -20px; }
.eah-carousel a.left { margin-right: 10px; }
.eah-carousel a.left:hover { background-position: -20px 0; }
.eah-carousel a.left:active { background-position: -40px 0; }
.eah-carousel a.disabled { visibility: hidden !important; }
.eah-carousel .scrollable { background-color: #d8d9d8; width: 490px; height: 100px; overflow: hidden; position: relative; margin-left: auto; margin-right: auto; }
.eah-carousel .items { width: 20000em; position: absolute; }
.eah-carousel .items div { width: 490px; padding: 0 10px; height: 100px; float: left; }
.eah-carousel .items div a { display: block; float: left; position: relative; width: 110px; height: 80px; overflow: hidden; text-align: center; margin-top: 10px; margin-right: 10px; }
.eah-carousel .items img { position: absolute; left: 0; width: 110px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; -webkit-filter: grayscale(100%); }
.eah-carousel .items div a:hover img { filter: none; -webkit-filter: grayscale(0%); }

.eah-collaboration { margin-bottom: 30px; }
.eah-collaborationName { font-weight: bold; font-size: 14px; }
.eah-collaborationImage { margin-bottom: 20px; padding: 10px 0; background-image: url("/_layouts/images/energyathome/collaboration-bg.png"); background-repeat: repeat-y; background-position: right; text-align: center; }

.eah-treeview { width: 220px; list-style-image: none !important; list-style-type: none; margin: 0; padding: 0; }
.eah-treeview li { height: 30px; margin-bottom: 10px !important; }
.eah-treeview a { font-size: 14px; font-weight: normal; color: #3f3d3f !important; }
.eah-treeview li.open a { font-weight: bold; text-decoration: underline; }
.eah-treeview span.folder { background: url(/_layouts/images/folder.gif) 0 0 no-repeat; }
.eah-treeview li.open span.folder { background: url(/_layouts/images/openfold.gif) 0 0 no-repeat; }
.eah-treeview span.folder, .filetree span.file { padding: 1px 0 1px 20px; display: block; }

.eah-download { width: 350px; min-height: 30px; margin-bottom: 10px; }
.eah-downloadIcon { vertical-align: top; padding-right: 10px !important; }
.eah-File { vertical-align: top; }

.eah-news, .eah-event { margin-bottom: 30px; }
.eah-news .eah-date, .eah-event .eah-date { font-size: 14px; font-weight: bold; }
.eah-newsTitle, .eah-eventTitle { display: block; margin: 10px 0; }
.eah-newsTitle a, .eah-eventTitle a { color: #aec93b !important; }
.eah-newsImage img, .eah-eventImage img { margin-right: 10px; max-width: 200px; }

.eah-newsDetail .eah-date, .eah-eventDetail .eah-date { font-size: 14px; font-weight: bold; }
.eah-newsDetail .eah-newsTitle, .eah-eventDetail .eah-eventTitle { font-size: 14px; font-weight: bold; color: #aec93b; }
.eah-eventDetail .eah-eventImage { float: left; margin-right: 10px; }

.eah-post { width: 320px; height: 320px; float: right; background-image: url("/_layouts/images/energyathome/panel_dx.png"); background-repeat: no-repeat; }
.eah-post .title { display: block; font-size: 18px; margin-top: 6px; margin-left: 30px; color: #1f9ed5; }
.eah-post p { margin-left: 30px; }
.eah-post div { margin-left: 30px; line-height: 20px; }

/* sendmail */
.eah-labeltd { padding-right: 10px !important; vertical-align: top; font-weight: bold; }
.eah-textbox { width: 280px; height: 20px; border: none; background-color: #eee; margin-bottom: 10px; }
textarea.eah-textbox { font-family: Arial; font-size: 10pt; height: 70px; }

/* footer */
#eah-footer { width: 100%; height: 320px; background-color: #3f3d3f; }
#eah-members { height: 44px; background-image: url("/_layouts/images/energyathome/footer-bg.png"); background-repeat: repeat-x; border-top: 1px solid #c7c7c7; }
#eah-members .scrollable { width: 950px; height: 44px; overflow: hidden; position: relative; margin-left: auto; margin-right: auto; }
#eah-members .scrollable .items { width: 20000em; position: absolute; }
#eah-members .scrollable .items div { width: 950px; height: 32px; padding-top: 12px; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box; display: flex; -ms-flex-direction: row; -ms-flex-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; }
#eah-members .scrollable .items div a { display: block; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; box-flex: 1; }
#eah-members img { height: 20px; border: none; }
#eah-footer-content { width: 950px; margin-left: auto; margin-right: auto; color: #fff; padding-top: 30px; }
.eah-footertitle { font-size: 21px; font-weight: bold; color: #aec93b; margin-bottom: 14px; }
.eah-footertitle a { color: #aec93b !important; }
.eah-footeritem { margin-bottom: 14px; clear: left; }
.eah-footeritem a { color: #fff; display: block; }
.eah-footeritem a:hover { color: #aec93b; }
.eah-footeritem img { float: left; margin-right: 6px; }
.eah-footerdate { font-weight: bold; color: #aec93b; }
#eah-copyright { width: 100%; height: 22px; line-height: 22px; background-color: #fff; font-size: 10px; }
#eah-copyright table { width: 950px; margin: 5px auto 0 auto; }
#eah-copyright a { color: #3f3d3f; }

/* tooltip */
.tooltip { display: none; background: url("/_layouts/images/energyathome/tooltip-bg.png"); background-repeat: repeat; padding: 10px; width: 360px; font-family: Arial; font-size: 12px; color: #3f3d3f; z-index: 100; }
.tooltip img { width: 80px; }
